<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>停车</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link rel="stylesheet" href="./css/index.css">
	</head>
	<body>
		<!-- 头部 -->
		<div class="header">
			<h3>智慧停车平台</h3>
			<p>一个给你安全感的平台</p>
			<span>让停车更便捷！</span>
		</div>
		<div class="beijing">
			<!-- 新闻 -->
			<div class="new">
				<div class="new_left fl">
					<span>新闻</span>
					<img src="./images/index_news.png" alt="">
				</div>
				<div class="new_right fl">
					<ul>
						<li>
							<span>停车场**********公告...</span>
						</li>
						<li>
							<span>停车场**********公告...</span>
						</li>
					</ul>
				</div>
				<div class="clear"></div>
				<i class="icon jiantou"></i>
			</div>
			<!-- 车辆统计 -->
			<div class="tongji">
				<div class="xian fl"></div>
				<b class="cheliang">车辆统计</b>
				<div class="clear"></div>
				<ul>
					<li>
						<div class="zong fl">
							<h3>总车辆</h3>
							<span>30000</span>
						</div>
						<div class="tu fr">
							<img src="./images/detailed_zong.png" alt="">
						</div>
						<div class="clear"></div>
					</li>
					<li>
						<a href="shishitongji.html">
							<div class="zong fl">
								<h3>实时车辆</h3>
								<span>1000</span>
							</div>
							<div class="tu tu1 fr ">
								<img src="./images/detailed_shi.png" alt="">
							</div>
							<div class="clear"></div>
						</a>
					</li>
				</ul>
				<ul>
					<li>
						<div class="zong fl">
							<h3>进场车辆</h3>
							<span>600</span>
						</div>
						<div class="tu fr">
							<img src="./images/detailed_jin.png" alt="">
						</div>
						<div class="clear"></div>
					</li>
					<li>
						<a href="">
							<div class="zong fl">
								<h3>出场车辆</h3>
								<span>500</span>
							</div>
							<div class="tu fr">
								<img src="./images/detailed_chu.png" alt="">
							</div>
							<div class="clear"></div>
						</a>
					</li>
				</ul>
			</div>
			<!-- 车流量统计图 -->
			<div class="liuliang">
				<b class="cheliang">车流量统计图</b>
				<img src="./images/statisticalChart_photo.png" alt="">
			</div>
			<!-- 监控预览 -->
			<div class="jinkong">
				<div class="xian fl"></div>
				<b class="cheliang">监控预览</b>
				<div class="clear"></div>
				<ul>
					<li>
						<a href="rukoujiankong.html">
							<div class="rukoutu fl">
								<img src="./images/monitorpreview_ru.png" alt="">
							</div>
							<div class="rukou fr">
								<h3>入口监控</h3>
								<span>点击查看详情</span>
							</div>
							<div class="clear"></div>
						</a>
					</li>
					<li>
						<a href="">
							<div class="rukoutu fl">
								<img src="./images/monitorpreview_chu.png" alt="">
							</div>
							<div class="rukou fr">
								<h3>出口监控</h3>
								<span>点击查看详情</span>
							</div>
							<div class="clear"></div>
						</a>
					</li>
				</ul>
			</div>
			<!-- 联系方式 -->
			<div class="lianxi">
				<div class="xian fl"></div>
				<b class="cheliang">监控预览</b>
				<ul>
					<li>
						<div class="liming fl">
							<img src="./images/contact_nan.png" alt="">
						</div>
						<div class="limingL fl">
							<b>黎明</b>
							<p>13815463654</p>
						</div>
						<a href="" class="fr">商贸城一区</a>
						<div class="clear"></div>
					</li>
					<li>
						<div class="liming fl">
							<img src="./images/contact_nv.png" alt="">
						</div>
						<div class="limingL fl">
							<b>张月如</b>
							<p>13846563698</p>
						</div>
						<a href="" class="fr">商贸二城区</a>
						<div class="clear"></div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 底部 -->
		<div class="table">
			<div class="footer">
				<ul>
					<li>
						<a href="">
							<img src="./images/bottom_nav_index.png" alt="">
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="kongzhitai.html">
							<img src="./images/my_help_kongzhitai.png" alt="">
							<p>控制台</p>
						</a>
					</li>
					<li>
						<a href="my.html">
							<img src="./images/bottom_nav_my.png" alt="">
							<p>我的</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
